<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{mess.name}}
    {{mess.age}}
</div>
<script src="vue.js"></script>
<script>
    var message = {name:1};
    var vm = new Vue({
        el:'#app',
        data:{
            mess:message
        }
    });
    //指向的是同一内存空间 当前实例上的数据和绑定的对象指向的是同一内存空间
    message.name =5; //直接操作同一空间的值
    console.log(vm.mess === message);
    //message = {name:2} //把message的只想变了 但是mess的指向还是以前的
    message.age = 7; //不更新实体
    //console.log(message.age);
    //实例创建后原本不存在的属性，添加上不会生效
    //有两个刚发Vue.set   vm.$set
    //vue要求 不要莫名其妙的加一些不存在的属性
</script>
</body>
</html>